{% load static %}
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->

<head>

	<!-- Your Basic Site Informations -->
	<title>{{ page.title }}</title>
	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
    <meta name="description" content="Enews is a news or magazine site template that built with very cool responsive template with clean design, fast load, seo friendly, beauty color and a slew of features." />
    <meta name="keywords" content="Site Template, News, Magazine, Portofolio, HTML, CSS, jQuery, Newsletter, PHP Contact, Subscription, Responsive, Marketing, Clean, SEO" />
    <meta name="author" content="Dots Theme" />
    
    <!-- Mobile Specific Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    
       <!-- Stylesheets -->
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-responsive.min.css">
    <link rel="stylesheet" href="/static/css/flexslider.css">
    <link rel="stylesheet" href="/static/css/prettyPhoto.css">
    <link rel="stylesheet" href="/static/css/style.css">
    <link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

    <noscript><link rel="stylesheet" href="/static/css/no-js.css"></noscript> <!-- If JavaScript Disabled -->

    <!--[if lt IE 9]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->

    <!-- Favicons -->
	<link rel="shortcut icon" href="/static/images/favicon.ico">
	<link rel="apple-touch-icon" href="/static/images/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="../static/images/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="../static/images/apple-touch-icon-114x114.png">

    <!-- JavaScript -->
    <script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
    <script type='text/javascript' src='/static/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.easing.js'></script>
    <script type='text/javascript' src='/static/js/jquery.flexslider-min.js'></script>
    <script type='text/javascript' src='/static/js/jflickrfeed.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.fitvids.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.lazyload.mini.js'></script>
    <script type='text/javascript' src='/static/js/jquery.prettyPhoto.js'></script>
    <script type='text/javascript' src='/static/js/jquery.placeholder.min.js'></script>
    <script type='text/javascript' src='/static/js/jquery.jticker.js'></script>
    <script type='text/javascript' src='/static/js/jquery.mobilemenu.js'></script>
    <script type='text/javascript' src='/static/js/jquery.hoverdir.js'></script>
    <script type='text/javascript' src='/static/js/jquery.isotope.min.js'></script>
    <script type='text/javascript' src='/static/js/modernizr.custom.js'></script>
    <script type="text/javascript" src="/static/js/main.js"></script>
    <script type="text/javascript" src="/static/js/echarts.js"></script>
    <script type="text/javascript" src="/static/js/echarts.min.js"></script>
    <script type="text/javascript" src="/static/js/map/js/china.js"></script>
    <script type="text/javascript" src="/static/js/bmap/bmap.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=kAb9Hm6vwgWTngPgzXdMdWbKGAFBMdX2"></script>

</head>

<body>

 {% include 'top.html' %}
 
 {#    <div class="container">此处有div，在top中  #}
  
  
  <div id="main" class="single single-portofolio image-preloader" >
   
    {% include 'pathname.html' %}
   
   <div class="flexslider loading" id="main_demo" style="height:450PX;width: 100%;">
   </div> <!-- Screenshoots slider -->
   
   <div class="row-fluid content margin-top40">
    
    <div class="span8">
     <h3>数据简介</h3>
        {{ page.int }}
    </div>
    
    <div class="span4">
     <h3>数据信息</h3>
     <ul>
      <li><span>名称:</span><i>{{ page.title }}</i></li>
      <li><span>分类:</span><i>{{ page.type }}</i></li>
      <li><span>Project URL:</span><i><a href="#">{{ page.unknow }}</a></i></li>
      <li><span>更新日期:</span><i>{{ page.date }}</i></li>
     </ul>
    </div> <!-- Features -->
    
   </div> <!-- Content -->
    
   <div class="sep-border"></div> <!-- Separator -->
    <div class="tags">
       <strong>数据来源:</strong>&nbsp;
        {% for key,value in page.list.items %}

           <a href="{{ value }}" title="View posts in technology">{{ key }}</a>

        {% endfor %}
           <a href="blog_reviews.html" title="View posts in panorama">详情</a>
    </div> <!-- End Tags -->

  </div> <!-- End Main -->

 </div> <!-- End Container -->

 {% include 'bottom.html' %}
    <script>
         var Message = {{ Message|safe }};
         var Page = {{ page|safe }};
        {#     for (i in Message){#}
        {#         alert(i + Message[i]);#}
        {#     }#}
        {#     for (i in Page){#}
        {#         alert(i + Page[i]);#}
        {#     }#}
    </script>
    <script type="text/javascript" src="/static/js/dataJS/showData_{{ demo }}.js"></script>
</body>
</html>